*{
    margin:0;
    padding:0;
    -webkit-font-smoothing:antialiased;
}
.none{
    display: none;
}
/*让整个导航区 100%*/
#header{
    /*这个宽度是为了大于最小分辨率1280时能自适应*/
    width:100%;
    /*这个最小宽度，是为了解决当缩小浏览器时因为width：100%；布局的改变，所以要有个限制*/
    min-width: 1280px;
    height: 70px;
    background-color: #333;
    box-shadow: 0 3px 5px rgba(0,0,0,0.5);
    position: relative;
    z-index: 999;
}
/*内容区 固定大小*/
#header .center{
    width: 1263px;
    height:70px;
    margin:0 auto;
}
#header .logo{
    width: 200px;
    height:70px;
    background-image: url("../image/logo2.jpg");
    text-indent: -9999px;
    float: left;
}
/*导航样式*/
#header  .link{
    width: 700px;
    height:70px;
    float: right;
    list-style: none;
}
#header .link li{
    width:100px;
    height: 70px;
    background-color: #333;
    text-align: center;
    line-height: 70px;
    color:#eee;
    float: left;
}
#header .link a{
    display: block;
    text-decoration:none;
    color:#eee;
    width:100%;
    height:100%;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
/*hover 过的样式*/
#header .link a:hover,#header .link .active{
    background-color: #000;
}
/*search区*/
#search{
    /*这个100%是为了放大浏览器时，能自适应*/
    width: 100%;
    /*这个最小宽度是，当缩小浏览器小于1263px时，能保持结构的完整性*/
    min-width: 1263px;
    height:400px;
    /*背景图，不重复，始终保持图片居中*/
    /*首先，为了满足最小的1280分辨率，大图本身宽度必须大于1280，为主流分辨率一般小于1920
    ，所以图片宽度为1920可以满足所有用户*/
    background:url("../image/search.jpg") no-repeat center;
    /*为了定位搜索框，在搜索框中使用margin定位居中不行*/
    position: relative;

}
/*遮罩层*/
#search #mask{
    width: 100%;
    min-width: 1263px;
    height:600px;
    transition:all 0.8s;
    -webkit-transition:all 0.8s;
}



/*尾*/
#foot{
    height:80px;
    background-color: #222;
}
#foot .top{
    height:80px;
    width: 1263px;
    margin: 0 auto;
    text-align: center;
}
#foot .bottom{
    height:80px;
    margin: 0 auto;
    text-align: center;
    line-height: 80px;
    color:#777;
    background-color: #000;
    border-top: 1px solid #444;
}
